.document-aera {
  display: flex;
  height: calc(100vh - 44px);
  background-color: var(--bg-color);
}
.document-aera > div:first-child {
  width: 82px;
  border-right: var(--border);
}
.document-aera > div:nth-child(2) {
  flex: 1;
  height: 100%;
}
.document-aera > div:last-child {
  width: 256px;
  border-left: var(--border);
}
.page-aera {
  height: calc(100% - 30px);
  background-color: var(--bg-light-color);
}
